<template>
    <div>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item>
                <img src="../assets/img/b1.jpg" alt="">
            </van-swipe-item>
            <van-swipe-item>
                <img src="../assets/img/b2.jpg" alt="">
            </van-swipe-item>
            <van-swipe-item>
                <img src="../assets/img/b3.jpg" alt="">
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script>
    export default {
        name: "swipe"
    }
</script>

<style lang="less" scoped>
    .my-swipe .van-swipe-item {

        color: #fff;
        font-size: 20px;
        /*line-height: 150px;*/
        text-align: center;
        background-color: #f9f9f9;
        img{
            width: 100%;
        }
    }
</style>